<script lang="ts">
  import Slide from "./slide.svelte";
  import Code from "./code.svelte";
  import Markdown from "./markdown.svelte";
</script>

<Slide>Horizontal slide</Slide>

<Slide>
  <Slide>Vertical slide 1</Slide>
  <Slide>Vertical slide 2</Slide>
</Slide>

<Slide animate>
  <ul>
    <li>React</li>
    <li>Solid</li>
    <li>Svelte</li>
    <li>Vue</li>
  </ul>
</Slide>

<Slide animate>
  <ul>
    <li>Svelte ❤️</li>
    <li>React</li>
    <li>Solid</li>
    <li>Vue</li>
  </ul>
</Slide>

<Slide animate>
  <Code id="code" lines>
    {`
    function love() {}
    `}
  </Code>
</Slide>
<Slide animate>
  <Code id="code" lines>
    {`
    function love() {
      console.log('Svelte')
    }
    `}
  </Code>
</Slide>
